import { StyleSheet } from 'react-native'
import { unitWidth } from '../../../utils/AdapterUtil'

export default StyleSheet.create({
  safeArea: {},
  sliderContainer: {},
  slider: {
    overflow: 'visible', // for custom animations
  },
  sliderContentContainer: {
    // paddingVertical: 10, // for custom animation
  },
  paginationContainer: {
    position: 'absolute',
    bottom: -4,
    right: 0,
    paddingHorizontal: 4,
    paddingVertical: 14,
  },
  paginationDot: {
    width: 8,
    height: 8,
    marginHorizontal: 0,
    borderRadius: 8 * unitWidth,
  },
  renderDots: {
    height: 10,
    justifyContent: 'center',
    alignItems: 'center',
  },
  dot: {
    width: 8,
    height: 8,
    borderRadius: 8,
  },
})
